// 1 导入相关包
// import React from 'react'; // 创建react 元素的
import ReactDOM from 'react-dom/client'; //渲染 react 元素的
// 引入css
import './index.css';

// 渲染根节点
const root = ReactDOM.createRoot(document.getElementById('root'));

// 创建一个p标签
// const p = React.createElement('p', { id: 123, className: 'red' }, '月薪过万');

// 使用jsx语法
// const p = (
//   <p id="123" className="red" style={{ backgroundColor: 'pink' }}>
//     月薪过万
//   </p>
// );

const jsxElem = (
  <>
    <div>
      <br />
      <h2>购物列表</h2>
      <ul>
        <li>华为</li>
        <li>iPhone</li>
      </ul>
    </div>
    <div>123</div>
  </>
);

// 渲染
root.render(jsxElem);
